Upload-copy.js ➔ initDropzone - Code Metrics - Inspection of "editor" - o2system/venus-form - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( 9950db...730c62 )

unknown

created 2019-08-29 10:05 UTC

Upload-copy.js ➔ initDropzone B

↳ Parent: Upload

Complexity

Conditions	2
Paths	13

Size

Total Lines	60
Code Lines	46

Duplication

Lines	28
Ratio	46.67 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	2
eloc	46
c	1
b	0
f	0
nc	13
nop	0
dl	28
loc	60
rs	8.7672

How to fix Long Method

/**
 * This file is part of the O2System Venus UI Framework package.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 *
 * @author         Steeve Andrian Salim
 * @copyright      Copyright (c) Steeve Andrian Salim
 */
// ------------------------------------------------------------------------

import * as $ from 'jquery';
import * as Dropzone from 'dropzone';
import 'dropify/dist/js/dropify'
/**
 * Class Upload
 *
 * @author          Teguh Rianto
 * @package         Components
 */

export default class Upload {
    constructor() {
        /**
         * Init dropzone
         */
        this.initDropzone();

        /**
         * Init dropify
         */
        this.initDropify();
    }

    initDropzone() {
        if (typeof Dropzone != 'undefined') {
            var urlAction = $('[name="dropzone-url"]').val();

            var previewNode = $('#dropzone-preview');
            previewNode.removeAttr('id');
            var previewTemplate = previewNode.parent().html();
            previewNode.parent().remove();

            var mediaDropzone = $(".dropzone-form").dropzone({
                url: urlAction,
                autoProcessQueue: true,
                thumbnailWidth: null,
                thumbnailHeight: null,
                previewTemplate: previewTemplate, // Define the container to display the previews
                //clickable: ".fileinput-button", // Define the element that should be used as click trigger to select files.
             });

            mediaDropzone.on("addedfile", function (file) {

                var fileId = 'media' + document.querySelectorAll('.media-list-item').length;
                file.previewElement.getElementsByTagName('input')[0].setAttribute('id', fileId);
                file.previewElement.getElementsByTagName('label')[0].setAttribute('for', fileId);

                var imagesFileTypes = ['image/png', 'image/jpg', 'image/jpeg', 'image/gif'];
                if (imagesFileTypes.indexOf(file.type) != -1) {
                    file.previewElement.querySelector('.media-item-file-details').style.display = 'none';
                } else if (file.type === 'application/pdf') {
                    file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
                    file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-pdf"></i>';
                } else if (file.type === 'application/doc' | 'application/docx') {

                    file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
                    file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-word"></i>';
                } else if (file.type === 'application/ppt' | 'application/pptx') {
                    file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
                    file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-powerpoint"></i>';
                } else if (file.type === 'video/mp4' | 'video/webm' | 'video/mkv') {
                    file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
                    file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-video"></i>';
                } else if (file.type === 'audio/mpeg') {
                    file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
                    file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-audio"></i>';
                } else {
                    file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
                    file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file"></i>';
                }
            });

            mediaDropzone.on("success", function (file, resp) {

                file.previewElement.querySelector(".media-list-item").classList.remove('uploading');
                file.previewElement.querySelector(".upload-progress").style.display = 'none';
                file.previewElement.querySelector(".media-item-file-extension").innerHTML = file.type;
            });

            mediaDropzone.on("error", function (file) {
                file.previewElement.querySelector(".media-list-item").classList.remove('uploading');
                file.previewElement.querySelector(".upload-progress").style.display = 'none';
                file.previewElement.querySelector(".media-item-file-extension").innerHTML = file.type;
            });
        }
    }

    initDropify(){
        $('.dropify').dropify();
    }
}

1		/**
2		* This file is part of the O2System Venus UI Framework package.
3		*
4		* For the full copyright and license information, please view the LICENSE
5		* file that was distributed with this source code.
6		*
7		* @author Steeve Andrian Salim
8		* @copyright Copyright (c) Steeve Andrian Salim
9		*/
10		// ------------------------------------------------------------------------
11
12		import * as $ from 'jquery';
13		import * as Dropzone from 'dropzone';
14		import 'dropify/dist/js/dropify'
15		/**
16		* Class Upload
17		*
18		* @author Teguh Rianto
19		* @package Components
20		*/
21
22		export default class Upload {
23		constructor() {
24		/**
25		* Init dropzone
26		*/
27		this.initDropzone();
28
29		/**
30		* Init dropify
31		*/
32		this.initDropify();
33		}
34
35		initDropzone() {
36		if (typeof Dropzone != 'undefined') {
37		var urlAction = $('[name="dropzone-url"]').val();
38
39		var previewNode = $('#dropzone-preview');
40		previewNode.removeAttr('id');
41		var previewTemplate = previewNode.parent().html();
42		previewNode.parent().remove();
43
44		var mediaDropzone = $(".dropzone-form").dropzone({
45		url: urlAction,
46		autoProcessQueue: true,
47		thumbnailWidth: null,
48		thumbnailHeight: null,
49		previewTemplate: previewTemplate, // Define the container to display the previews
50		//clickable: ".fileinput-button", // Define the element that should be used as click trigger to select files.
51		});
52
53	View Code Duplication	mediaDropzone.on("addedfile", function (file) {
		0 ignored issues – show Duplication introduced 2019-03-12 18:37 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
54		var fileId = 'media' + document.querySelectorAll('.media-list-item').length;
55		file.previewElement.getElementsByTagName('input')[0].setAttribute('id', fileId);
56		file.previewElement.getElementsByTagName('label')[0].setAttribute('for', fileId);
57
58		var imagesFileTypes = ['image/png', 'image/jpg', 'image/jpeg', 'image/gif'];
59		if (imagesFileTypes.indexOf(file.type) != -1) {
60		file.previewElement.querySelector('.media-item-file-details').style.display = 'none';
61		} else if (file.type === 'application/pdf') {
62		file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
63		file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-pdf"></i>';
64		} else if (file.type === 'application/doc' \| 'application/docx') {
		0 ignored issues – show introduced 2019-01-16 10:51 UTC by Report Bug Copy Issue Report You have used a bitwise operator `\|` in a condition. Did you maybe want to use the logical operator `\|\|` Loading history...
65		file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
66		file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-word"></i>';
67		} else if (file.type === 'application/ppt' \| 'application/pptx') {
68		file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
69		file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-powerpoint"></i>';
70		} else if (file.type === 'video/mp4' \| 'video/webm' \| 'video/mkv') {
71		file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
72		file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-video"></i>';
73		} else if (file.type === 'audio/mpeg') {
74		file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
75		file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-audio"></i>';
76		} else {
77		file.previewElement.querySelector('.media-item-file-details').style.display = 'block';
78		file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file"></i>';
79		}
80		});
81
82		mediaDropzone.on("success", function (file, resp) {
		0 ignored issues – show Unused Code introduced 2019-01-16 10:51 UTC by Report Bug Copy Issue Report The parameter `resp` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history...
83		file.previewElement.querySelector(".media-list-item").classList.remove('uploading');
84		file.previewElement.querySelector(".upload-progress").style.display = 'none';
85		file.previewElement.querySelector(".media-item-file-extension").innerHTML = file.type;
86		});
87
88		mediaDropzone.on("error", function (file) {
89		file.previewElement.querySelector(".media-list-item").classList.remove('uploading');
90		file.previewElement.querySelector(".upload-progress").style.display = 'none';
91		file.previewElement.querySelector(".media-item-file-extension").innerHTML = file.type;
92		});
93		}
94		}
95
96		initDropify(){
97		$('.dropify').dropify();
98		}
99		}

o2system / venus-form

GitHub Access Token became invalid

Push — master ( 9950db...730c62 )

Upload-copy.js ➔ initDropzone B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like